<%-- 
    Document   : GeneracionReporte
    Created on : Jan 13, 2015, 2:29:04 PM
    Author     : BeyondM
--%>

<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/main.css">
        
       <script type="text/javascript">
            function ocultar(){
                document.getElementById('mensaje').style.display = 'none';
            }
            
        </script> 
    </head>
    <%
        Date fecha = new Date();
        SimpleDateFormat fechaFormato = new SimpleDateFormat("yyyy-MM-dd");
        Calendar cal = new GregorianCalendar();
        cal.setTimeInMillis(fecha.getTime());
        cal.add(Calendar.DATE, -1);//hasta el dia de ayer
        String fechaMax = fechaFormato.format(cal.getTime());
        
        cal = new GregorianCalendar();
        cal.setTimeInMillis(fecha.getTime());
        cal.add(Calendar.DATE, -30);
        String fechaMin = fechaFormato.format(cal.getTime());
    %>
    <body>
        <!--[if lt IE 7]>
        <![endif]-->

        <div class="header-container">
            <header class="wrapper clearfix">
                <h1 class="title">GENERACIÓN DE REPORTE DE COBRO DIARIO</h1>
            </header>
        </div>

        <div class="main-container">
            <div class="main wrapper clearfix">
                
                <article>
                    <header>
                        <h1>Reporte del día</h1>
                        
                        <form action="ReporteCobroDiarioServlet">
                            <table>
                              
                                <tr>
                                    <td>Operadora:</td>
                                    <td>
                                        <select name="operadora" size="1"  id="operadora">
                                            <option value="1" selected>MOVISTAR</option>
                                            <option value="2">CLARO</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Fecha inicial (mm/dd/yy):</td>
                                    <td><input type="date" name="fechaInicio" value="<%=fechaMax%>" min="<%=fechaMin%>"  max="<%=fechaMax%>"></td> 
                                </tr>
                                <tr>
                                    <td>Fecha final (mm/dd/yy):</td>
                                    <td><input type="date" name="fechaFin" value="<%=fechaMax%>" min="<%=fechaMin%>" max="<%=fechaMax%>"></td>
                                </tr>    
                                <tr>
                                    <td style="text-align:center">
                                        <input type="submit" value="Generar Reporte" onclick="ocultar()" >
                                    </td>
                                </tr>  
                            </table>
                        </form>
                                <div id="mensaje">
                                    <h4>${requestScope.messageResponse}.</h4>
                                </div>
                    </header>
                </article>               
                <aside>
                    <h3>RECOMENDACIÓN :</h3>
                    <p align="center">De preferencia que el reporte sea consultado diariamente para evitar la búsqueda con 
                        altos rangos de fechas que podría saturar el servidor.</p>
                </aside>
            </div>
        </div> 

        <div class="footer-container">
            <footer class="wrapper">
                <h3>BMM</h3>
            </footer>
        </div>    
    </body>
</html>

